$(function () {
    $('#offices_table').datagrid({   //定位到Table标签，Table标签的ID是grid
       /**
        * 基本参数设置
        */
    	url: 'office_queryPageList.action',   //当前菜单的分页结果信息封装成的Json格式的数据
    	height: 'auto',
    	width: '100%',//function () { return document.body.clientWidth * 0.9; }
        pagination: true,//分页是否显示
    	
        /**
    	 * 头部设置  数据的一些操作
    	 */
    	title: '办公用品库存管理界面',
        iconCls: 'icon-view',
        toolbar:"#tb",//在添加 增添、删除、修改操作的按钮要用到这个 
        /**
         * 数据显示设置
         */
        loadMsg: "正在载入数据...",
        nowrap: true,//是否禁止文字自动换行设置为 true，则把数据显示在一行里。设置为 true 可提高加载性能。
        striped: true,//奇偶行使用不同背景色
        collapsible: true,//是否可折叠即表格收缩
        rownumbers: true,//行号
        fitColumns: true,//设置为 true，则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动
        singleSelect: true,//设置为 true，则只允许选中一行。
        columns:[[  //数据网格（datagrid）的列（column）的配置对象
                {field:'id' , title:'用品id' , width:100,align:'center',hidden:'true'},
                {field:'name' , title:'用品名称' , width:100,align:'center'},
                {field:'count' , title:'库存数量' , width:100,align:'center'},
                {field:'unit' , title:'用品单位' , width:100,align:'center'}
        ]]
    });
    //////设置分页控件 
    var p = $('#offices_table').datagrid('getPager');
    $(p).pagination({
        showPageList: true,
        pageSize: 10,//每页显示的记录条数，默认为10 
        pageList: [10, 20, 30],//可以设置每页记录条数的列表 
        beforePageText: '第',//页数文本框前显示的汉字 
        afterPageText: '页    共 {pages} 页',
        displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'
    });

});      
            
        
var url;
/**
 * 新增记录
 */
function addOffice(){//新增
	$("#addOfficeFm").form("submit",{  //做提交动作
		url:url, 
		onSubmit:function(){// onSubmit  提交前触发，返回 false 来阻止提交动作
			return $(this).form("validate");
		},
		success:function(data){//当表单提交成功之后的回调函数
			if(data){
				$.messager.alert("系统提示","保存成功");
				resetValue();
				$("#addOfficeDlg").dialog("close");
				$("#offices_table").datagrid("reload");
			}else{
				$.messager.alert("系统提示","保存失败");
				return;
			}
		}
	});
}
//重置新增记录的值
function resetValue(){
	$("#officeName").textbox('setValue',"");
	$("#officeUnit").textbox('setValue',"");
	$("#officeCount").textbox('setValue',"");
}
//打开添加记录的对话框
function openAddOfficeDialog(){
	$("#addOfficeDlg").dialog("open").dialog("setTitle","登记新购买的办公用品");
	url="office_addOffice.action";
}
    	
//关闭打开的对话框
function closeAddOfficeDlg(){
	$("#addOfficeDlg").dialog("close");
	resetValue();
}

/**
 * 查找考勤记录
 * load ------加载并显示第一页的行，如果指定 'param' 参数，它将替换 queryParams 属性。
 * 通常情况下，通过传递一些从参数进行查询，该方法被调用来从服务器加载新数据。 
 * type 为传过去的参数名
 */
function searchOffice(){
	$("#offices_table").datagrid('load',{
		type: 'name',
		officeName:$("#name2").val()
	});
}


/**
 * 修改记录
 */
function openUpdateOfficeDialog(){
	var selectedRows=$("#offices_table").datagrid('getSelections');
	if(selectedRows.length!=1){
		$.messager.alert("系统提示","请选择一条要添加的数据！");
		return;
	}
	var row=selectedRows[0];
	$("#updateOfficeDlg").dialog("open").dialog("setTitle","添加已有的办公用品");
	//根据数据网格field  ---row.xxx
	$("#officeName1").textbox('setValue',row.name);
	$("#officeUnit1").textbox('setValue',row.unit);
	$("#officeCount1").textbox('setValue',row.count);
	url="office_updateOffice.action?id="+row.id;
}

function updateOfficeDlg(){//修改
	$("#updateOfficeFm").form("submit",{  //做提交动作
		url:url, 
		onSubmit:function(){// onSubmit  提交前触发，返回 false 来阻止提交动作
			return $(this).form("validate");
		},
		success:function(data){//当表单提交成功之后的回调函数
			if(data){
				$.messager.alert("系统提示","登记成功");
				resetValue1();
				$("#updateOfficeDlg").dialog("close");
				$("#offices_table").datagrid("reload");
			}else{
				$.messager.alert("系统提示","登记失败");
				return;
			}
		}
	});
}

function closeUpdateOfficeDlg(){//关闭修改的对话框
	$("#updateOfficeDlg").dialog("close");
	resetValue1();
}

function resetValue1(){//重置修改用户的值
	$("#officeName1").textbox('setValue',"");
	$("#officeUnit1").textbox('setValue',"");
	$("#officeCount1").textbox('setValue',"");
}